.cont-tab {
    position: relative;
    height: 100%;

    .cont-item {
        position: absolute;
        top: px2rem(80px);
        left: 0;
        bottom: 0;
        right: 0;

        .ui-mobile-scroll {
            height: 100%;
        }
    }
}
.check-ticket-dialog {
    top: px2rem(950px);
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    .ui-dialog-close,
    .ui-dialog-title {
        display: none;
    }
    .ui-dialog-body {
        height: 100%;

        .ui-tab {
            height: 100%;

            .ui-tab-title {
                display: none;
            }
            .mobile-list {
                position: relative;
                height: 100%;

                .tab-title,
                .ticket-title {
                    box-sizing: border-box;
                    height: px2rem(82px);
                    line-height: px2rem(82px);
                    font-size: px2rem(28px);
                    color: #333333;
                    border-bottom: px2rem(1px) solid #EEEEEE;
                    text-align: center;

                    span {
                        color: #419e77;
                    }
                    &.ticket-title {
                        font-size: px2rem(24px);
                        color: #999;
                    }
                }
                .mobile-itms,
                .ticket-cont {
                    position: absolute;
                    top: px2rem(82px);
                    left: 0;
                    right: 0;
                    bottom: 0;
                    overflow-y: auto;

                    .mobile-item {
                        height: px2rem(88px);
                        line-height: px2rem(88px);
                        font-size: px2rem(28px);
                        color: #999999;
                        border-bottom: px2rem(1px) solid #EEEEEE;
                        text-align: center;
                        padding: 0 px2rem(26px);
                        display: -webkit-flex;
                        display: flex;

                        .mobile {
                            color: #666666;
                            margin-right: px2rem(36px);
                        }
                        .name {
                            -webkit-flex: 1;
                            flex: 1;
                            font-size: px2rem(24px);
                        }
                        .num {
                            text-align: right;
                            font-size: px2rem(20px);
                            width: px2rem(80px);
                        }
                    }

                    .ticket-itms {
                        position: absolute;
                        top: px2rem(30px);
                        left: px2rem(25px);
                        right: px2rem(25px);
                        bottom: px2rem(80px);
                        background-color: #F8F8F8;
                        border-radius: px2rem(10px) px2rem(10px) 0 0;
                        font-size: 0;

                        .ticket-item {
                            position: relative;
                            display: block;
                            width: auto;
                            height: auto;
                            padding: px2rem(22px);
                            font-size: px2rem(26px);
                            color: #666;
                            border-bottom: px2rem(1px) solid #EEEEEE;
                            background: none;

                            input[type=checkbox] {
                                display: none;
                            }

                            .channel-name {
                                height: px2rem(55px);
                                line-height: px2rem(55px);
                                font-size: px2rem(28px);

                                .tip {
                                    font-size: px2rem(24px);
                                }

                                .line {
                                    display: inline-block;
                                    vertical-align: middle;
                                    width: px2rem(4px);
                                    height: px2rem(26px);
                                    margin-top: -px2rem(4px);
                                    margin-right: px2rem(14px);
                                    background: #3478da;
                                }
                            }
                            .mobile,
                            .total,
                            .checked {
                                height: px2rem(42px);
                                line-height: px2rem(42px);
                            }
                            span {
                                color: #999999;
                            }
                            .check,
                            .price {
                                position: absolute;
                                top: px2rem(38px);
                                right: px2rem(22px);
                            }
                            .check {
                                top: unset;
                                bottom: px2rem(23px);

                                .ui-ticket-number {
                                    position: relative;
                                    box-sizing: border-box;
                                    display: inline-block;
                                    vertical-align: middle;
                                    margin-left: px2rem(17px);
                                    padding: 0 px2rem(6px);
                                    border-radius: px2rem(56px);
                                    height: px2rem(56px);
                                    border: px2rem(1px) solid #999999;

                                    .ui-text {
                                        width: px2rem(74px);
                                        height: px2rem(52px);
                                        line-height: px2rem(52px);
                                        box-sizing: border-box;
                                        display: inline-block;
                                        vertical-align: middle;
                                        box-sizing: border-box;
                                        padding: 0;
                                        text-align: center;
                                        border: px2rem(1px) solid #DCDCDC;
                                        margin: 0 px2rem(10px);
                                        background: #F8F8F8;

                                        input {
                                            display: block !important;
                                            left: unset !important;
                                            width: 100% !important;
                                            opacity: 1 !important;
                                            box-sizing: border-box;
                                            border-width: 0;
                                            text-align: center;
                                            padding: 0;
                                            background: #F8F8F8;
                                        }
                                        .ui-select-text {
                                            box-sizing: border-box;
                                            padding: 0;
                                            background: #F8F8F8;
                                        }
                                    }
                                    .number-opt {
                                        display: inline-block;
                                        vertical-align: middle;
                                        box-sizing: border-box;
                                        width: px2rem(44px);
                                        height: px2rem(44px);
                                        line-height: px2rem(44px);
                                        text-align: center;
                                        border-radius: px2rem(44px);
                                        border: px2rem(1px) solid #DCDCDC;
                                    }
                                    .number-prev {
                                        background: url('images/ticket/prev.png') no-repeat no-repeat center center;
                                        background-color: #EDEDED;
                                        background-size: px2rem(20px) auto;
                                    }
                                    .number-next {
                                        background: url('images/ticket/next.png') no-repeat no-repeat center center;
                                        background-color: #EDEDED;
                                        background-size: px2rem(20px) auto;
                                    }
                                }
                            }
                            &.ui-checkbox-checked {
                                background-color: #CAF3FF;

                                .check .ui-ticket-number .ui-text,
                                .check .ui-ticket-number .ui-text .ui-select-text,
                                .check .ui-ticket-number .ui-text input {
                                    background-color: #CAF3FF;
                                }
                            }
                        }
                    }
                    .ticket-btn {
                        position: absolute;
                        bottom: 0;
                        left: px2rem(25px);
                        right: px2rem(25px);
                        height: px2rem(80px);
                        text-align: right;
                        background-color: #F8F8F8;
                        border-radius: 0 0 px2rem(10px) px2rem(10px);

                        .btn {
                            display: inline-block;
                            vertical-align: middle;
                            margin-top: px2rem(14px);
                            margin-right: px2rem(22px);
                            width: px2rem(100px);
                            height: px2rem(48px);
                            line-height: px2rem(48px);
                            text-align: center;
                            background: #F8F8F8;
                            border: px2rem(1px) solid #B5B5B5;
                            color: #666666;
                            font-size: px2rem(24px);
                            border-radius: px2rem(6px);

                            &.sure {
                                margin-right: px2rem(28px);
                                border: px2rem(1px) solid #0F9CFF;
                                color: #fff;
                                background: #0F9CFF;
                            }
                        }
                    }
                }
                .ticket-cont {
                    bottom: px2rem(165px);
                }
                .ticket-check-bottom {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    height: px2rem(165px);

                    .check-all {
                        position: absolute;
                        top: px2rem(29px);
                        right: px2rem(27px);
                        width: px2rem(120px);
                        height: px2rem(48px);
                        line-height: px2rem(48px);
                        text-align: center;
                        color: #0F9CFF;
                        border: px2rem(1px) solid #0F9CFF;
                        border-radius: px2rem(6px);
                    }
                    .tip {
                        margin-top: px2rem(75px);
                        height: px2rem(90px);
                        line-height: px2rem(90px);
                        text-align: center;
                    }
                }
            }
        }
    }
}